草庐IT

2D 地图绘制

全部标签

javascript - 绘制具有厚度/宽度的线的算法

我正在寻找一种绘制具有一定粗细的线条的快速算法。线条不必抗锯齿,速度优先。像这样相当简单的东西就足够了:用例是一个Javascript游戏,蠕虫会留下痕迹。(HTML5Canvas明显画线,但是getImageData()很慢,碰撞检测也很慢)在过去的2.5小时内,我找不到执行此操作的任何东西。是的,我知道关于SO的问题几乎相同,实际上有很多,但没有一个有可行的解决方案。我目前唯一的解决方案是沿着Bresenham线画圆,这不是很有效。一些代码(伪代码、JS或至少一篇文章的链接)会很棒。 最佳答案 http://members.ch

javascript - 在谷歌地图上绘制圆弧

想法是使用Angular绘制以特定点为中心的圆弧。注意:不是弦,也不是扇区,也不是弦和圆弧之间的区域。纪念品:http://en.wikipedia.org/wiki/Arc_(geometry)一个完整的圆圈参数:-centeratcoordinatesLatC,LngC-radiusof1609meters-startangleof0degrees-endangleof360degrees示例http://jsfiddle.net/GGvQH/3/newgoogle.maps.Circle({center:newgoogle.maps.LatLng(18.4894,73.91015

javascript - Canvas lineTo() 在错误的位置绘制 y 坐标

我正在尝试使用ctx.lineTo()在Canvas上绘制一些矩形。他们被画出来了,但是y坐标永远不对。矩形变得太高并且位于y轴上的错误位置。当我逐步使用调试器时,它显示lineTo()方法中的y坐标是正确的,但我创建了一个canvas.click事件来提醒坐标(当我单击左上角时它是正确的,它会提醒(0,0)).单击事件显示y坐标实际上并不在它声明将在lineTo()方法中绘制的位置。然而,x坐标总是正确的。要考虑的一件事是我通过将html附加到带有javascript的元素来创建我的Canvas,并向其中添加我绘制的图像。我重新缩放矩形的坐标,以便将它们适本地放置在Canvas上,C

javascript - 带有谷歌地图的 Backbone.js - 这个问题和听众

我有一个为GoogleMapsv3创建的模块,我正试图将其转换为Backbone.jsView构造函数。到目前为止,这是我的View模块:我将在代码之后解释我遇到的问题:pg.views.CreateMap=Backbone.View.extend({tagName:"div",className:"map",events:{},latitude:"-23.56432",longitude:"-46.65183",initialize:function(){_.bindAll(this,'render','dragMarker','dragMap');this.latlng=newgo

javascript - 使用 sketch.js 为移动网页绘制 Canvas 会在触摸时重置

我正在使用sketch.js插件在HTML5Canvas上绘图。虽然它在台式机上运行良好,但在移动浏览器上似乎存在一些问题。问题是,如果我绘制2个不同的形状,我一触摸它,Canvas就会重置为空白。为了完全清楚,我将制作示例:绘制数字“12”将首先绘制“1”,然后当我开始绘制“2”时,Canvas将清除并仅保留数字“2”...$(function(){$('#canvas1').sketch();});就是这样。我想知道是否有一些解决方法来保留各种图纸的历史记录。我愿意接受任何建议,或者想知道您是否发现了类似的问题。 最佳答案 要真

javascript - 谷歌地图自动完成 Material 设计

我有一个关于在Material设计中实现谷歌地图自动完成功能的问题:{{item.display}}AngularMaterialautocomplete|GoogleMapsautocomplete如何在谷歌地图自动完成(Angular)中使用MaterialDesign的自动完成功能?提前致谢。我找到了这个解决方案:我只覆盖了css属性:/*mapsautocomplete*/.pac-item{font-family:RobotoDraft,Roboto,'HelveticaNeue',sans-serif!important;font-weight:300!important;

javascript - 如何绘制可以应对非常大数据量的 JavaScript 图表?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion我试过了,但找不到类似的文章,如果我错过了任何文章,我们深表歉意。我正在从事一个基于ASP.NetMVC4的项目。我们需要为大量数据绘制图表(使用AJAX、JavaScript)。例如我们需要绘制具有75,000多个数据点的波形图。到目前为止,我们已经使用JQWidgets实现了解决方案。这过去在我们的初始测试中运行良好,但是当图表显示大量数据时,它们的加载时间仍然很

javascript - 从谷歌地图请求中解析城市/州

vargeocoder=newgoogle.maps.Geocoder();geocoder.geocode({'latLng':foundLoc},function(results,status){if(status==google.maps.GeocoderStatus.OK){if(results[1]){varloc=getCityState(results);}}});functiongetCityState(results){varcitystateArray=results[1].formatted_address.split(",",2);varcity=citysta

javascript - 关闭谷歌地图本地点

我目前有一个使用mapAPI绘制兴趣点的网络应用程序,但是我注意到一个小烦恼,如果可能的话我想将其关闭。现在当谷歌地图加载时,它会显示兴趣点和本地企业(市政厅、必胜客等...)。我不介意出现标记它们的措辞,但我不希望这些点可点击,就好像使用触摸屏的人经常不小心点击这些点一样有没有办法关闭这个功能? 最佳答案 您可以使用mapStyling关闭它们.具体样式为[{featureType:"poi",stylers:[{visibility:"off"}]}] 关于javascript-关闭

javascript - 在 google maps api v3 中完成多边形绘制时的处理

在googlemapsapiv3中多边形的绘制似乎是异步的.尝试单击此示例中的“加载”按钮:http://jsfiddle.net/rmXXF/文本“DONE”的写入比绘制网格要快得多!矩形网格的绘制似乎是异步的。我希望在绘制网格后显示文本完成!是否有一些事件处理程序?代码的重要部分在函数action()中:polygons=draw_all_squares(map);//drawgridheredocument.getElementById('status').innerHTML='DONE';//displayed2seconds//beforethegrid!请注意,map“空闲